import React, { memo } from "react";
import { RightOutline } from "antd-mobile-icons";
import { useNavigate } from "react-router";
import style from "./index.module.scss";
const Index: React.FC = memo(() => {
  const navigate = useNavigate();
  return (
    <div>
      <div className={style.button}>
        <div
          className={style.button1}
          onClick={() => {
            navigate("/yisheng");
          }}
        >
          <div className={style.zuo}>
            <img src="./img/2.jpg" alt="" />
            <span>我的医生</span>
          </div>
          <div className={style.you}>
            <RightOutline></RightOutline>
          </div>
        </div>
        <div
          className={style.button2}
          onClick={() => {
            navigate("/huiyuan");
          }}
        >
          <div className={style.zuo}>
            <img src="./img/2-02.jpg" alt="" />
            <span>春雨会员</span>
          </div>
          <div className={style.you}>
            <span>立即开通</span>
            <RightOutline></RightOutline>
          </div>
        </div>
        <div
          className={style.button3}
          onClick={() => {
            navigate("/archives");
          }}
        >
          <div className={style.zuo}>
            <img src="./img/2-03.jpg" alt="" />
            <span>健康档案</span>
          </div>
          <div className={style.you}>
            <RightOutline></RightOutline>
          </div>
        </div>
        <div
          className={style.button3}
          onClick={() => {
            navigate("/shouhuodizhi");
          }}
        >
          <div className={style.zuo}>
            <img src="./img/2-04.jpg" alt="" />
            <span>收货地址</span>
          </div>
          <div className={style.you}>
            <RightOutline></RightOutline>
          </div>
        </div>
        <div
          className={style.button4}
          onClick={() => {
            navigate("/myzhanghu");
          }}
        >
          <div className={style.zuo}>
            <img src="./img/2-05.jpg" alt="" />
            <span>我的账户</span>
          </div>
          <div className={style.you}>
            <RightOutline></RightOutline>
          </div>
        </div>
        <div
          className={style.button5}
          onClick={() => {
            navigate("/youhuijuan");
          }}
        >
          <div className={style.zuo}>
            <img src="./img/2-06.jpg" alt="" />
            <span>我的优惠卷</span>
          </div>
          <div className={style.you}>
            <RightOutline></RightOutline>
          </div>
        </div>
        <div
          className={style.button5}
          onClick={() => {
            navigate("/mytaocan");
          }}
        >
          <div className={style.zuo}>
            <img src="./img/2-07.jpg" alt="" />
            <span>我的套餐包</span>
          </div>
          <div className={style.you}>
            <RightOutline></RightOutline>
          </div>
        </div>

        <div className={style.button6}>
          <div className={style.zuo}>
            <img src="./img/2-08.jpg" alt="" />
            <span>联系客服</span>
          </div>
          <div className={style.you}>
            <RightOutline></RightOutline>
          </div>
        </div>

        <div className={style.button7}>
          <div className={style.zuo}>
            <img src="./img/2-09.jpg" alt="" />
            <span>更改手机</span>
          </div>
          <div className={style.you}>
            <RightOutline></RightOutline>
          </div>
        </div>
      </div>
    </div>
  );
}) 

export default Index;
